<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
<!DOCTYPE html>
<html>
<head>
    <%@include file="/include/head.jsp"%>
    <title>待评价订单详情</title>
</head>
<body>
<header class="mui-bar mui-bar-nav qy-bg-white qy-border-bottom">
    <a class="mui-icon mui-icon-back qy-text-black" href="/customer/UnEvaluate.do.do"></a>
    <h1 class="mui-title qy-text-black qy-font-size-20px">评价</h1>
</header>
<nav class="mui-bar mui-bar-tab qy-bg-white qy-border-top qy-text-right">
    <span class="mui-btn qy-margin-vertical-8 mui-btn-warning mui-btn-outlined qy-padding-horizontal-4 qy-padding-vertical-12">发布</span>
</nav>
<div class="mui-content">
    <div class="qy-margin-top-4px qy-bg-white">
        <div class="mui-row qy-padding-horizontal-14px qy-margin-left-14px qy-flex qy-padding-right-14px qy-border-bottom">
            <div class="mui-col-xs-4">
                <img :src="order.pImg" />
            </div>
            <div class="mui-col-xs-8">
                <h2 class="qy-font-size-18px qy-text-black">{{order.pName}}</h2>
                <div class="qy-text-black qy-font-size-14px">
                    <img src="${rootPath}/static/imgs/hospitalIcon.png" height="14px" />
                    <span>{{order.shopName}}</span>
                </div>
                <div class="qy-text-gray9 qy-font-size-14px">体检时间：{{order.orderTime}}</div>
            </div>
        </div>
        <div class="mui-row qy-padding-horizontal-10px qy-margin-left-14px qy-padding-right-14px qy-border-bottom qy-flex">
            <div class="mui-col-xs-10 qy-font-size-18px qy-text-gray">推荐套餐<small class="qy-text-gray9">(1000人推荐)</small></div>
            <div class="mui-col-xs-2">
                <span></span>
                <div class="mui-switch mui-switch-blue mui-switch-mini mui-active">
                    <div class="mui-switch-handle"></div>
                </div>
            </div>
        </div>
        <div class="mui-row qy-padding-horizontal-10px qy-margin-left-14px qy-padding-right-14px qy-border-bottom qy-flex">
            <div class="mui-col-xs-10 qy-font-size-18px qy-text-gray">推荐机构<small class="qy-text-gray9">(1000人推荐)</small></div>
            <div class="mui-col-xs-2">
                <span></span>
                <div class="mui-switch mui-switch-blue mui-switch-mini mui-active">
                    <div class="mui-switch-handle"></div>
                </div>
            </div>
        </div>
        <div class="mui-row qy-padding-horizontal-8px qy-margin-left-14px qy-padding-right-14px">
            <div class="mui-col-xs-3 qy-font-size-18px qy-text-gray">推荐机构</div>
            <div class="mui-col-xs-9">
                <i class="mui-icon mui-icon-star-filled qy-margin-vertical-4px qy-text-blue"></i>
                <i class="mui-icon mui-icon-star-filled qy-margin-vertical-4px qy-text-blue"></i>
                <i class="mui-icon mui-icon-star-filled qy-margin-vertical-4px qy-text-grayc"></i>
                <i class="mui-icon mui-icon-star-filled qy-margin-vertical-4px qy-text-grayc"></i>
                <i class="mui-icon mui-icon-star-filled qy-margin-vertical-4px qy-text-grayc"></i>
            </div>
        </div>
        <div class="mui-row qy-padding-horizontal-8px qy-margin-left-14px qy-padding-right-14px">
            <div class="mui-col-xs-3 qy-font-size-18px qy-text-gray">机构环境</div>
            <div class="mui-col-xs-9">
                <i class="mui-icon mui-icon-star-filled qy-margin-vertical-4px qy-text-blue"></i>
                <i class="mui-icon mui-icon-star-filled qy-margin-vertical-4px qy-text-blue"></i>
                <i class="mui-icon mui-icon-star-filled qy-margin-vertical-4px qy-text-blue"></i>
                <i class="mui-icon mui-icon-star-filled qy-margin-vertical-4px qy-text-grayc"></i>
                <i class="mui-icon mui-icon-star-filled qy-margin-vertical-4px qy-text-grayc"></i>
            </div>
        </div>
        <div class="mui-row qy-margin-left-14px qy-padding-right-14px  qy-font-lineHeight-22px">
            <div class="mui-col-xs-3 qy-font-size-18px qy-text-gray">机构环境</div>
            <div class="mui-col-xs-9 qy-font-size-16px">
                <span class="qy-margin-vertical-4px qy-text-white qy-bg-blue qy-padding-vertical-16px qy-border-radius">很快</span>
                <span class="qy-margin-vertical-4px qy-text-gray9 qy-bg-whitef5 qy-padding-vertical-16px qy-border-radius">较快</span>
                <span class="qy-margin-vertical-4px qy-text-gray9 qy-bg-whitef5 qy-padding-vertical-16px qy-border-radius">一般</span>
                <span class="qy-margin-vertical-4px qy-text-gray9 qy-bg-whitef5 qy-padding-vertical-16px qy-border-radius">较慢</span>
                <span class="qy-margin-vertical-4px qy-text-gray9 qy-bg-whitef5 qy-padding-vertical-16px qy-border-radius">很慢</span>
            </div>
        </div>
    </div>
    <div class="qy-margin-top-4px qy-bg-white">
        <div class="mui-row qy-margin-left-14px qy-padding-right-14px">
            <textarea class="mui-col-xs-12 qy-no-padding-vertical qy-no-border qy-font-size-16px qy-text-black" maxlength="150" placeholder="请输入您对此体检套餐或者此机构的评价，十分感谢您的支持~"></textarea>
            <p class="mui-col-xs-12 qy-text-right qy-text-grayc qy-font-size-10px">加油还差15个字就可以发布了</p>
        </div>
    </div>
    <div class="qy-margin-top-4px qy-bg-white">
        <div class="mui-row qy-margin-left-14px qy-padding-right-14px">图片上传
        </div>
    </div>
</div>
</body>
</html>
<script type="text/javascript" charset="utf-8" src="${rootPath}/static/js/UnEvaluateDetail.js"></script>